<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" href="Public/Home/cs/content.css" />
	<script src="Public/jquery-1.8.2.min.js"></script>
	<title></title>
</head>
<script type="text/javascript">

	$(function(){
		//点击减数量
		$('.selected .decrease-disable').click(function(){
//			var x=$(this).index('.selected .decrease-disable');
			//定义一个变量
			var jian=$(this).siblings('.md5').val();
			//获得匹配元素的当前值
			jian=parseInt(jian);
			jian-=1;
//			alert(x);
			$(this).parents('tr').find('.mid3 .md5').val(jian);
			//判断减到1是报提示
			if(jian<=1){
				$(this).parents('tr').find('.mid3 .md5').val(1);
				//取消点击事件
				$(".selected .decrease-disable").unbind("click");
			}
			//抓取小计价格
			var xiaoPrice=$(this).parents('tr').find('.mid4').text();
//			alert($xiaoPrice);
			//抓取单价
			var danjia=$(this).parents('tr').find('.mid2').text();
			//获得计算后的小计价格
			var NewJiage=jian*danjia;
			
			//将计算出的新小计价格赋值回去
			$(this).parents('tr').find('.mid4').text(NewJiage);
			//设置ajax获取的数据
			var numm=$(this).parents('tr').find('.modify-qty .md5').val();
			var goodid=$(this).attr('goodid');
			$.ajax({
				type:"post",
				url:"{{U('Shoppingcar/jiajianAjax')}}",
				data:{numm:numm,goodid:goodid},
				dataType:'json',
				success:function(phpData){
					console.log(phpData);
//					$('#bar-summary .shuliang p').html(phpData.total_rows);
//					$('#bar-summary .amount p').html(phpData.total);
				}
			})
		})
		//点击加数量
		$('.selected .increase').click(function(){
			//定义一个变量
			var jiaa=$(this).siblings('.md5').val();
			//获得匹配元素的当前值
			jiaa=parseInt(jiaa);
			jiaa+=1;
			$(this).parents('tr').find('.mid3 .md5').val(jiaa);
			//判断减到1是报提示
//			if(jiaa>=100){
//				$(this).parents('tr').find('.mid3 .md5').val(100);
//				alert('单次选购100件');
//			}
			//抓取小计价格
			var xiaoPrice=$(this).parents('tr').find('.mid4').text();
//			alert($xiaoPrice);
			//抓取单价
			var danjia=$(this).parents('tr').find('.mid2').text();
			//获得计算后的小计价格
			var NewJiage=jiaa*danjia;
			//将计算出的新小计价格赋值回去
			$(this).parents('tr').find('.mid4').text(NewJiage);
			//设置ajax获取的数据
			var numm=$(this).parents('tr').find('.modify-qty .md5').val();
			var goodid=$(this).attr('goodid');
			$.ajax({
				type:"post",
				url:"{{U('Shoppingcar/jiajianAjax')}}",
				data:{numm:numm,goodid:goodid},
				dataType:'json',
				success:function(phpData){
					console.log(phpData);
					$('#bar-summary .shuliang p').html(phpData.total_rows);
					$('#bar-summary .amount p').html(phpData.total);
					}
			})
		})
		//全选$("input[type='checkbox']").prop("disabled", false);
		$(".selected1").click(function(){
			//选中全选框
			$("input[type='checkbox']").attr("checked", this.checked);
			//获得总价格
			var total="{{$_SESSION['cart']['total']}}";
//			alert(total);
			//获得总数量
			var numAll="{{$_SESSION['cart']['total_rows']}}";
			//赋值回去
			if(this.checked){
				$('#bar-summary .amount p').text(total);
				$('#bar-summary .shuliang p').text(numAll);
			}else{//不选中恢复默认值
				$('#bar-summary .amount p').text(0);
				$('#bar-summary .shuliang p').text(0);
			}
			
			
		})
		//单选
		$('.dianji').click(function(){
			//抓数量
			var num=$(this).parents('tr').find('.modify-qty .md5').val();
			//抓小计
			var xiaoPrice=$(this).parents('tr').find('.mid4').text();
			//设置变量
			var n=0;
			//循环抓取总价格
			$.each($('.dianji:checked'),function(){
			//抓取总价格
				n+=+$(this).parents('tr').find('.mid4').text();
			})

			//设置变量
			var m=0;
//			alert(n);
			//循环抓取总数量
			$.each($('.dianji:checked'),function(){
				m+=+$(this).parents('tr').find('.modify-qty .md5').val();
			})
//			alert(m);
			$('#bar-summary .amount p').text(n);
			$('#bar-summary .shuliang p').text(m);
			//点击加
			var add=0;
			//变量总价格
			var x=n;
			//变量总数
			var y=m;
//			alert(m);
			$('.increase').click(function(){
				add++;
				//抓取单价
				var danjia=$(this).parents('tr').find('.mid2').text();
				//单价和小计相加获得总的价格
				var xy=parseInt(n)+parseInt(danjia*add);
				//点击加获得总数量
				var mn=parseInt(m)+add;
				//分配页面总价格
				$('#bar-summary .amount p').text(xy);
				//分配页面总数
				$('#bar-summary .shuliang p').text(mn);
			})
			//点击减
			var jian=0
			$('.decrease-disable').click(function(){
				jian--;
				//抓取单价
				var danjia=$(this).parents('tr').find('.mid2').text();

				//点击减获得总价格
				var xy=parseInt(n)+parseInt(danjia*jian);
				//点击减获得总数量
				var mn=parseInt(m)+jian
				//分配页面总价格
				$('#bar-summary .amount p').text(xy);
				//分配页面总数量
				$('#bar-summary .shuliang p').text(mn);
				
			})
		})
	})
</script>
<body class="mycart">
	<div id="wrapper">
		<!--头部部分-->
		<div class="clearfix">
			<a class="logo" href=""><img src="Public/Home/images/vancl-logo.png"/></a>
			<div class="help-center">
				<a href="">帮助中心</a>
			</div>
			<div class="account">
				<p>
					您好，
					{{if value="isset($_SESSION['uemail'])"}}
					<span>{{$_SESSION['uemail']}}</span>
					<a href="{{U('Shoppingcar/out')}}">退出登录</a>
					|
					<a href="{{U('Login/index')}}">更换用户</a>
					{{else}}
					<span>欢迎光临凡客诚品</span>
					<a href="{{U('Login/index')}}">登录</a>
					<a href="{{U('Registered/index')}}">注册</a>
					{{endif}}
				</p>
			</div>
		</div>
		<!--login部分-->
		<div class="location">
			<em>1.我的购物车</em>
			<span>2.填写核对信息单</span>
			<span>3.成功提交订单</span>
		</div>
		<!--内容部分-->
		<div id="content">
			<div id="cart-gift">
				<div class="care-top">
					<h2>我的购物车</h2>
				</div>
				<div class="tip">
					<span>温馨提示：</span>
					<p>1.选购清单中的商品无法保留库存，请您及时结算。2.商品的价格和库存将以订单提交时为准。3.促销活动满减优惠将均摊至商品小计中</p>
				</div> 
				<div id="cart-product">
					<table border="0" cellspacing="0" cellpadding="0">
						<thead>
							<tr>
								<th class="title-white bd-left"></th>
								<th class="bar-title">
									<input class="selected1 track all-products-ckb ckb" type="checkbox" />
									<label for="all-ckb-top">全选</label>
								</th>
								<th class="image"></th>
								<th class="name">商品名称</th>
								<th class="size">尺寸 </th>
								<th class="presentpoints">积分</th>
								<th class="price">单价 </th>
								<th class="qty">数量 </th>
								<th class="discount">优惠</th>
								<th class="subtotal">小计</th>
								<th class="operate ">操作</th>
								<th class="title-white bd-right"></th>
							</tr>
						</thead>
						{{foreach from="$session['goods']" key="$k" value="$v"}}
						<tbody>

							<tr class="selected">
								<td class="white bd-left bd-bottom"></td>
								<td class="mid1 bar bd-bottom" rowspan="1">
									<input class="track ckb dianji" type="checkbox" />
								</td>
								<td class="image bd-bottom" rowspan="1">
									<a href=""><img src="{{$pic['pic']}}"/></a>
								</td>
								<td class="name bd-bottom" style="text-align: center;">
									<a href="">{{$v['name']}}</a>
								</td>
								<td class="size bd-bottom" style="text-align: center;">
									<a href="" >{{$v['options'][1]}}</a>
								</td>
								<td class="mid2 price bd-bottom" style="text-align: center;">{{$v['price']}}</td>
								<td class="mid3 qty bd-bottom">
									<form class="modify-qty" action="">
										<a class="track decrease-disable jian" href="javascript:;" goodid={{$k}}></a>
										<input type="text" class="md5" id="" value="{{$v['num']}}" />
										<a class="increase track" href="javascript:;" goodid={{$k}}></a>
									</form>
								</td>
								<td class="bd-bottom" style="text-align: center;">-</td>
								<td class="mid4 subtotal bd-bottom" style="text-align: center;">{{$v['total']}}</td>
								<input type="hidden" name="sid" id="" value="{{$k}}" />
								<td class="operate bd-bottom"><a href="{{U('Shoppingcar/del',array('id'=>$k))}}">删除</a></td>
								<td class="white bd-right bd-bottom"></td>
							</tr>
							
						</tbody>
						{{endforeach}}
					</table>
					<script type="text/javascript">
						$(function(){
							$('.checkout').click(function(){
								//声明跳转地址变量
								var dizhi="{{U('Order/index')}}";
								var sid='';
								$.each($('.dianji:checked'), function() {
									sid+=$(this).parents('tbody').find('[name=sid]').val()+',';
								});
								if(sid){
									$(this).attr('href',dizhi+'&sids='+sid);
								}
								
							})
						})
					</script>
					<div id="bar-summary" class="bar-summary clearfix">
						<div class="bar">
							<input class="selected1 track all-products-ckb ckb" type="checkbox" />
							<label for="all-ckb-top">全选</label>
							<a class="batch-del-cart track" href="">删除</a>
							<span class="shuliang">
								数量总计：<p>0</p>件 
							</span>
							<span>
								<p>您目前可享受全场购物免运费 </p>
							</span>
						</div>
						<div class="summary">
							产品金额总计(不含运费)：
							<span class="amount">￥<p>0</p></span>
						</div>
						<div class="btn-panel">
							<a class="go-buy track" href="{{U('Index/index')}}"><<去购物</a>
							<a class="checkout track" href="javascript:;">去结算>></a>
						</div>
					</div>
				</div>
			</div>
			
		</div>
		<!--尾部部分-->
		<div class="footer">
			<div class="bottom box">
				<p class="p">Copyright 2007 - 2014 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11010102000579号 出版物经营许可证新出发京批字第直110138号</p>
				<div class="subFooter box">
					<a class="redLogo" href="">
						<img src="Public/Home/images/cert-redlogo.gif.png" alt="" />
					</a>
					<span class="costumeOrg">
						<img src="Public/Home/images/cert-costumeorg.gif"/>
					</span>
					<a class="wsjyBzzx" href="">
						<img src="Public/Home/images/cert-wsjybzzx.gif.png"/>
					</a>
					
				</div>
			</div>
		</div>
	</div>
</body>
</html>
